﻿
@{
    ViewBag.Title = Resources.WebStringsWeb.WebTitle;
    Layout = "~/Views/Shared/_LayoutMobile.cshtml";
}

@section css {
    <style>
        .IsException {
            color: red;
        }

        .IsNormal {
            color: blue;
        }

        .mui-bar ~ .mui-content .mui-scroll-wrapper {
            top: 44px;
            height: auto;
        }
    </style>
}
<header class="mui-bar mui-bar-nav">
    <a class="mui-icon mui-icon-left-nav mui-pull-left" href="../Home/MenuBar"></a>
    <h1 class="mui-title" style="color:white;">危险作业</h1>
</header>
<div class="mui-content" ng-cloak ng-controller="ConstructionController">
    <div id="pullrefresh" class="mui-scroll-wrapper">
        <div class="mui-scroll" id="checklist">
            <ul class="mui-table-view" ng-init="SearchModel={};InitConstructionPageList();InitOperate(x);">
                <li class="mui-table-view-cell" ng-show="DataList.length==0" style="height:150px;text-align:center;">暂无数据</li>
                <li class="mui-table-view-cell" ng-repeat="x in DataList" ng-tap="InitOperate(x)">
                    <div class="mui-table">
                        <div class="mui-table-cell mui-col-xs-10">
                            <h5 style="color:black;" class="mui-ellipsis">{{x.DepartmentName}}-{{x.TypeName}}</h5>
                            <p style="height:5px;"></p>
                            <h5>申请人：{{x.CreateUserName}}</h5>
                            <p class="mui-h6 mui-ellipsis">状态：{{x.StatusName}}</p>
                        </div>
                        <div class="mui-table-cell mui-col-xs-2 mui-text-right">
                            <span class="mui-h5">{{x.UpdateTime|JSONDate:'MM-dd HH:mm'}}</span>
                        </div>
                    </div>
                </li>

            </ul>


        </div>
    </div>

    <div id="operate" class="mui-popover mui-popover-action mui-popover-bottom mui-active" style="display: none;">
        <ul class="mui-table-view">
            <li ng-repeat="b in btnlist" class="mui-table-view-cell">
                <a ng-href="{{b.link}}">{{b.name}}</a>
            </li>
        </ul>
        <ul class="mui-table-view">
            <li class="mui-table-view-cell">
                <a href="#forward"><b>取消</b></a>
            </li>
        </ul>
    </div>
</div>
@section js{
    <script src="~/Assets/js/mui.pullToRefresh.js"></script>
    <script src="~/Assets/js/mui.pullToRefresh.material.js"></script>
    <script src="~/Assets/js/pg/Construction.js?v=@DateTime.Now.ToString("yyyyMMddHHmm")"></script>

    <script>
        mui.init({
            swipeBack: false,
            keyEventBind: {
                backbutton: false  //关闭back按键监听
            }
        });
    </script>
}